<template>
	<div id="mine-box">
		<form id="user-inp">
			<h3>登录</h3>
			<input type="text" name="uname" id="uname" placeholder="请输入名字" />
			<input type="password" name="upsd" id="upsd1" placeholder="请输入密码" />
			<input type="password" name="upsd" id="upsd2" placeholder="请再次输入密码" />
			<div class="user-login">
				<router-link to='./Login' tag='button'>登录</router-link >
				<router-link to='./userRegist' tag='button'>注册</router-link >
			</div>
		</form>
	</div>
</template>

<script>
	export default{
		name: '',
		components: {
		}
	}
</script>

<style>
	#user-inp{width: 100%;overflow: hidden;}
	#user-inp h3{width: 100%;height: 50px;text-align: center;font-size: 30px;line-height: 50px;}
	#user-inp input{width: 100%;height: 50px;margin-top: 50px;background: #D8D9F3;
	padding-left: 20px;font-size: 18px;border-radius: 25px;border: 1px solid #6495ED;}
	.user-login{ width: 100%;height: 50px;margin-top: 50px;padding-top: 5px;display: flex;justify-content: space-around;}
	.user-login button{ width: 100px;height: 40px;font-size: 20px;background: #6495ED;
	color: white;border: 1px solid #6495ED;border-radius: 5px;box-shadow: 2px 2px 5px #CCCCCC;}
	
</style>